* {
    margin: 0;
    padding: 0;
  }
  body {
    margin: 0ex 10ex 0ex 10ex;
    padding: 0ex;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    font-size: 2ex;
    color: #333;
    background-color: #8ca07e;
  }
  
  pre {
    font-family: "Courier New", Courier, mono;
  
    font-style: normal;
    background-color: #FFFFFF;
    white-space: pre
  }
  
  h1 {
    margin: 1ex 0ex 1ex 0ex;
    padding: 0ex;
  
    line-height: 3ex;
    font-weight: 900;
    color: #666;
  }
  
  h2 {
    text-align: center;
    padding: 1ex;
    line-height: 2ex;
    background: #eff1ee no-repeat;
    font: bold 30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f7258;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    display: inline-block;
    width: auto;
  }
  
  h3 {
    text-align: center;
    margin: 1ex;
    padding: 1ex;
    line-height: 2ex;
    background: #eff1ee no-repeat;
    font: bold 27px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f7258;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    display: inline-block;
    width: auto;
  }
  
  p {
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  
    margin: 0ex 0ex 0ex 0ex;
    padding: 2ex;
  }
  
  img {
    border: 0;
  }
  
  li {
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    list-style: none;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex;
  }
  
  table {
    border-width: 0;
    empty-cells: show;
  }
  
  td, th {
    empty-cells: show;
    padding: .3ex .3ex;
    vertical-align: top;
    text-align: left;
    border-width: 0;
    border-spacing: 0;
    background-color: #ececec
  }
  
  th {
    font-weight: bold;
    background-color: #e2e2e2;
  }
  
  a, a:visited, a:link {
    color: #339900;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  }
  
  a:hover {
    color: #33cc00;
  }
  
  a.Button, a.Button:link, a.Button:visited {
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: .8ex 2ex;
    font-size: 2ex;
    border-radius: 40%;
    border-width: 1px;
    background-color: #51745b;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  }
  
  a.Button:hover {
    color: #005e21;
    background-color: #93deae;
  }
  
  #Logo {
    width: 30%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: 0ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: #000;
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
  }
  
  body>#Logo {
    height: 9ex;
  }
  
  #Menu {
    width: 36%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: 0ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: #000;
    color: #eaac00;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    text-align: center;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
  }
  
  #Menu, #Menu a, #Menu a:link, #Menu a:visited, #Menu a:hover {
    color: #eaac00;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  }
  
  body>#Menu {
    height: 9ex;
  }
  
  #Search {
    width: 33%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: 0ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    text-align: center;
    background-color: #000;
    color: #eaac00;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
  }
  
  body>#Search {
    height: 9ex;
  }
  
  #Search input {
    border-width: .1ex .1ex .1ex .1ex;
    border-style: solid;
    border-color: #aaa;
    background-color: #666;
    color: #eaac00;
  }
  #Search #auto{
    z-index:999;
  }
  #QuickLinks {
    text-align: center;
    background-color: #FFF;
    width: 99%;
    background-image: url(../../images/navhead.png);
  }
  
  #PoweredBy {
    width: 30%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: .3ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: #000;
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
  }
  
  body>#PoweredBy {
    height: 9ex;
  }
  
  #Banner {
    width: 69%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: .3ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: #000;
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
  }
  
  body>#Banner {
    height: 9ex;
  }
  
  #Content {
    margin: 0;
    padding: 0ex 0ex 0ex 0ex;
    width: 99%;
    color: #333;
    background-color: #FFF;
    border-width: 0;
    background-image: url(../../images/bigbgd2.png);
  }
  
  #Separator {
    clear:both;
    margin: 0;
    height:0;
  }
  
  #Main {
    margin: 0;
    padding: 1ex;
    color: #333;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #669900;
  }
  #WelcomeContent {
    width: 40%;
    padding-top: 12px;
    padding-left: 20px;
    font-weight: 700;
    font-family: "Lucida Handwriting";
    font-size: 30px;
    color: #009900;
    border-bottom: 2px;
    border-color: #339900;
  }
  
  #Sidebar {
    float: left;
    background:inherit;
    width: 30%;
    margin: 30px 20px;
  }
  #SidebarContent {
    border-width: 2px;
    border-style: solid;
    border-color: #005e21;
    background-color: #F0F0F0;
    padding: 15px;
  }
  #SidebarContent div {
    padding: 3px;
    background-image: url(../../images/navbg.png);
  }
  
  #Catalog {
    padding: 1ex;
    background:inherit;
    text-align:center;
  }
  
  #Catalog input[type="submit"]{
    margin-left: 1ex;
    margin-top: 1ex;
    padding: 0.5ex 1ex;
    font-size: 2ex;
    border-radius: 40%;
    color: #fff;
    background-color: #51745b;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  }
  #Catalog input[type="button"]{
    margin-left: 1ex;
    margin-top: 1ex;
    padding: 0.5ex 1ex;
    font-size: 2ex;
    border-radius: 40%;
    color: #fff;
    background-color: #51745b;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
  }
  #Catalog input[type="submit"]:hover {
    color: #005e21;
    background-color: #93deae;
    cursor:pointer;
  }
  
  #Catalog table{
    margin-left:auto;
    margin-right:auto;
  }
  
  #BackLink{
    padding: 1ex;
    float: right;
    border-width: .1ex 0ex .1ex 0px;
    border-style: solid;
    border-color: #000;
  }
  
  #Cart{
    float: left;
    background-color:#fff;
  }
  
  #MyList{
    width: 30%;
    float: left;
    background-color:#ccc;
    text-align:left;
  }
  
  #Promo {
    position: relative;
    overflow: hidden;
    width: 460px;
    height: 250px;
    background-color: #005e21;
    margin: 0 460px;
    padding: 10px;
  }
  
  #imgList {
    position: relative;
    width: 9999px;
  }
  #imgList li {
    float: left;
  }
  #imgList img {
    width: 460px;
    height: 250px;
  }
  .prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 20px;
    height: 30px;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    text-decoration: none;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  .next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 20px;
    height: 30px;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    text-decoration: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }
  #Promo #navDiv {
    padding: 2px 3px;
    left: 50%;
    margin-left: -23px;
    bottom: 10px;
    position: absolute;
    border-radius: 10px;
    background: rgba(255,255,255,0.5);
    z-index: 2;
  }
  
  #Promo #navDiv a {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
  }
  #Promo #navDiv a:hover {
    background-color: #005e21;
  }
  
  #MainImage {
    float: left;
    margin-left: 5%;
    background:inherit;
    clear:both;
    width: 45%;
  }
  
  #Tips {
    float: left;
    width: 45%;
    margin-right: 4%;
    height: 330px;
    background-color: darkseagreen;
    border-radius: 50px;
  }
  #first {
    height: 120px;
    border-bottom: 2px solid #cccccc;
  }
  #first img {
    width: 80px;
    height: 80px;
  }
  #first ul li {
    width: 400px;
    height: 120px;
    padding-left: 35px;
    float: left;
  }
  #first ul li h2 {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 30px;
  }
  #first ul li div {
    text-align: center;
    padding-top: 40px;
  }
  #second {
    margin-top: 120px;
    height: 160px;
    padding-top: 17px;
    padding-right: 3px;
    padding-left: 25px;
    border-top: 2px solid #cccccc;
  }
  #second h5 {
    font-weight: 400;
  }
  #toukui {
    position: fixed;
    top: 80px;
    right: 0;
  }
  #toukui img {
    width: 150px;
    height: 280px;
    border-width: 3ex;
    display: inline-block;
    border-top-left-radius: 30%;
    border-bottom-right-radius: 30%;
  }
  #checkpw{
    display: inline-block;
    font-weight: 700;
    margin: 0 10px;
    width: 8px;
    height: 13px;
    transform: rotate(45deg);
    border-style: solid;
    border-color: #009933;
    border-width:   0 4px 4px 0 ;
  }
  .pwd{width:50px;height:20px;line-height:14px;padding-top:2px;}
  .pwd_f{color:#BBBBBB;}
  .pwd_c{background-color:#F3F3F3;border-top:1px solid #D0D0D0;border-bottom:1px solid #D0D0D0;border-left:1px solid #D0D0D0;}
  .pwd_Weak_c{background-color:#FF4545;border-top:1px solid #BB2B2B;border-bottom:1px solid #BB2B2B;border-left:1px solid #BB2B2B;}
  .pwd_Medium_c{background-color:#FFD35E;border-top:1px solid #E9AE10;border-bottom:1px solid #E9AE10;border-left:1px solid #E9AE10;}
  .pwd_Strong_c{background-color:#3ABB1C;border-top:1px solid #267A12;border-bottom:1px solid #267A12;border-left:1px solid #267A12;}
  .pwd_c_r{border-right:1px solid #D0D0D0;}
  .pwd_Weak_c_r{border-right:1px solid #BB2B2B;}
  .pwd_Medium_c_r{border-right:1px solid #E9AE10;}
  .pwd_Strong_c_r{border-right:1px solid #267A12;}
  
  
  
  